Testo dell'esercizio

Si scriva il codice javascript necessario ad implementare la seguente funzionalità in una pagina HTML: entrando sopra (evento onmouseover) un elemento di una classe assegnata (ad esempio si assuma class uguale a “target”) viene cambiato il colore del testo (proprietà di style color) contenuto nell’elemento in base al valore selezionato in un menu a tendina assegnato (con id predefinito). Il colore viene ripristinato (si assegna initial alla proprietà di style color) quando il cursore entra di nuovo nell’elemento. Fino a che non viene ripristinato il colore dell’ultimo elemento variato, se il cursore passa sopra altri elementi della classe assegnata non succede nulla.

Color selector

Testo su cui si può applicare il cambiamento di colore passando sopra col mouse. Questo testo è in uno span con la classe target, mentre questo è fuori

Questo paragrafo è tutto della classe target e quindi si cambia colore quando il cursore del mouse è sopra.

Anche questo titolo cambia colore

Questo testo invece no.